<template>
  <footer>
    <div class="max-width-1400 am-center">
      <div class="am-g am-padding-top-xl">
        <div class="am-u-sm-12 am-u-md-3 am-margin-bottom">
          <!-- <img src="/static/header_logo.jpg" class="am-img-responsive am-center" alt=""> -->
           <img src="/static/logo.png" alt="" style="width:60%; margin-left:20%;" >
          </div>
        <div class="am-u-sm-12 am-u-md-6 am-margin-bottom" >
          <div class="dg-vertical-divider am-hide-sm-only"></div>

          <!-- 内容块 -->
          <div class="am-margin-left"   style="margin-left:10%;"> 
            <ul class="dg-footer-menus am-cf ">
            <li><a class="dg-text-white" href="/">首页</a></li>
            <li><a class="dg-text-white" href="/game/cur">大赛作品</a></li>
            <li><a class="dg-text-white" href="/designerList">大赛设计师</a></li>
            <li><a class="dg-text-white" href="/prizeList">获奖作品</a></li>
            <li><a class="dg-text-white" href="/EXcellent">优秀案例</a></li>
            </ul>

            <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />

            COPYRIGHT<span class="am-icon-copyright">XXXXXXXXXXXXXXXXXXX</span>
            <br />
            <span class="am-icon-copyright">2015 广东顶固集创家居股份有限公司 - 版权所有</span>
            <br />
            <span class="am-icon-weibo am-text-xxl am-margin-right"></span>
            <span class="am-icon-weixin am-text-xxl"></span>
          </div>
        </div>
        <div class="am-u-sm-12 am-u-md-3 am-text-center">
          <h1>400-883-5858</h1>
          <p>www.dinggu.net</p>
          <p>拨打热线电话或登录网址获得最新活动消息</p>
        </div>
      </div>
    </div>
  </footer>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
footer {
  //min-height: 250px;
  color: #FFFFFF;
  background-color: #4A4A4A;
}

.dg-vertical-divider {
  line-height: 250px;
  padding-left: 1px;
  background-color: #6C6C6C;
  position: absolute;
  top: -15px;
  bottom: 0;
}

.dg-footer-menus {
  list-style: none;
  margin: 0;
  padding: 0;
  li:first-child { padding-right: 10px; }
  li+li {
    padding: 0 10px;
    border-left: 1px solid #C7C7C7;
  }
  li {
    float: left;
  }
}
</style>
